<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>家居体验馆</title>
    <link rel="stylesheet" href="css/experience.css">
    <link rel="stylesheet" href="css/header&footer.css">
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="css/swiper.min.css">

    <!-- Demo styles -->
    <style>
        html, body {
            position: relative;
            height: 100%;
        }
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }
        .swiper-container {
            width: 100%;
            height:540px;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    </style>
</head>
<body>
<!--头部开始-->

<div class="header_bg">
    <div class="clearfix header">
        <div class="fl logo"><a href="index.html"><img src="images/logo_top.png"></a></div>
        <div class="fr nav"><a href="index.html">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="Euripean%20style.html">北欧馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="Korean%20style.html">韩式馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="countryside.html">田园馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="child.html">儿童馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="modern.html">现代馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="experience.html">O2O体验馆</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="news.html">媒体中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="aboutus.html">关于我们</a></div>
    </div>
</div>
<!--头部结束-->
<!--主体开始-->
<div class="bg">
<div class="banner">
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/experience_banner1_1920x750.jpg" /></div>
            <div class="swiper-slide"><img src="images/experience_banner2_1920x750.jpg" /></div>
            <div class="swiper-slide"><img src="images/experience_banner3_1920x750.jpg" /></div>

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    </div>
<div class="section1">
    <img src="images/experience_map_1920x756.jpg" />
    <img src="images/experience_sooning_1920x612.jpg" />
</div>
<div class="section2"><img src="images/experience_pic1_1920x1030.jpg" /></div>
<div class="section3"><img src="images/experience_pic2_1920x1030.jpg" /></div>
<div class="section4"><img src="images/experience_pic3_1920x1030.jpg" /></div>
<div class="section5"><img src="images/experience_pic4_1920x1030.jpg" /></div>
<div class="more"><a href="">查看更多</a></div>

<!--主体开始-->
<!--尾部开始-->
<div class="footer">
    <div class="banquan clearfix">
        <div class="fl logo">
            <img src="images/logo_bottom.png" style="width:140px;"><br />
            <img src="images/erweima.png" style="width:120px;">
        </div>
        <ul class="fl product">
            <li>产品中心</li>
            <li>现代馆</li>
            <li>欧式馆</li>
            <li>中式馆</li>
            <li>北欧馆</li>
            <li>韩式馆</li>
            <li>儿童馆</li>
            <li>田园馆</li>
            <li>美式馆</li>
        </ul>
        <ul class="fl tiyanguan">
            <li>O2O体验馆</li>
            <li>体验馆信息推送</li>
            <li>体验馆介绍</li>
            <li>体验馆活动</li>
        </ul>
        <ul class="fl pinpaidongtai">
            <li>品牌动态</li>
            <li>最新动态</li>
            <li>心路启程</li>
            <li>壹时半刻</li>
        </ul>
        <ul class="fl lianxi">
            <li>联系我们</li>
            <li>联系方式</li>
            <li>O2O体验馆</li>
            <li>在线留言</li>
        </ul>
    </div>
    <div class="line"></div>
    <div class="address">版权所有©鸟巢木业|地址：合肥市包河区xxxxxx|邮编：230041|皖ICP备05065075号-1|皖公网安备 110402430047 号 </div>
</div>
</div>
<!--尾部结束-->

<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>

<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
</body>
</html>